@import "./data";
@import "./color";
@import "./mixin";
// 轮播图
.con {
    background-color: #ff6600;
    position: relative;
    .swiper-container {
        width: 800px;
        height: 476px;
        line-height: 476px;
        background-color: #ff6600;
        text-align: center;
        margin: 0 auto;
        font-size: 100px;
        overflow: hidden;
        position: relative;
        .swiper-wrapper {
            .swiper-slide {
                background-color: #ff6600;
            }
        }
        .swiper-pagination {
            line-height: 0px;
            height: 170px;
            .swiper-pagination-bullet {
                width: 16px;
                height: 4px;
                border-radius: 0;
            }
        }
        .swiper-button-prev {
            --swiper-navigation-color: transparent;
            background: url(../img/index_small_bg.png) no-repeat -1152px 3px;
            width: 28px;
            height: 74px;
            top: 38%;
            left: -3px;
        }
        .swiper-button-next {
            --swiper-navigation-color: transparent;
            background: url(../img/index_small_bg.png) no-repeat -1152px -70px;
            width: 28px;
            height: 74px;
            top: 38%;
            right: 0px;
        }
    }
    .banner_shop_list {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -390px;
        z-index: 2;
        li {
            float: left;
            width: 194px;
            height: 112px;
            border-radius: 6px;
            overflow: hidden;
            margin-left: 2px;
            margin-bottom: 10px;
            a {
                img {
                    width: 100%;
                }
            }
        }
    }
}